<template>
  <div class="animate-pulse">
    <div
      v-for="i in 5"
      :key="i"
      class="flex items-center py-4 border-b border-gray-100"
    >
      <!-- 状态图标 -->
      <div class="w-5 h-5 rounded-full bg-gray-200"></div>
      <!-- 标题和类型 -->
      <div class="ml-4 flex-1">
        <div class="h-4 bg-gray-200 rounded w-3/4 mb-2"></div>
        <div class="h-3 bg-gray-100 rounded w-1/4"></div>
      </div>
      <!-- 通过率 -->
      <div class="w-16 h-4 bg-gray-200 rounded mx-4"></div>
      <!-- 解答数 -->
      <div class="w-16 h-4 bg-gray-200 rounded mx-4"></div>
      <!-- 难度 -->
      <div class="w-12 h-4 bg-gray-200 rounded"></div>
    </div>
  </div>
</template>
